<div class="view-draft">
    <!-- 分类按钮 -->
    <div class="title">
        <button ng-class="{ highlight: activeTabNum == 1}" ng-click="switchTab(1)">草稿单据</button>
        <button ng-class="{ highlight: activeTabNum == 2}" ng-show="rpg!=3" ng-click="switchTab(2)">异常单据</button>
        <button ng-class="{ highlight: activeTabNum == 3}" ng-show="rpg!=3" ng-click="switchTab(3)">暂不通知库管单据</button>
    </div>
    <!-- 选项卡0的表 -->
    <div class="table t0" ng-show="pageState.activeTab == 1">
        <!-- 头 -->
        <div class="head table-row">
            <span>最后更新时间</span>
            <span>类型</span>
            <span>往来对象</span>
            <span>单号</span>
            <span class="two-buttons">操作</span>
        </div>
        <!-- 身 -->
        <div class="table-row" ng-repeat="item in data">
            <span>{{item.reg_time_show}}</span>
            <span>{{item.class_show}}</span>
            <span>{{item.cid_name}}</span>
            <span>{{item.sn}}</span>
            <span class="two-buttons">
                <button ng-click="continueToFill(item)">继续填写</button>
                <button ng-click="deleteDraft(item)">删除</button>
            </span>
        </div>
    </div>
    <!-- 选项卡1的表 -->
    <div class="table t1" ng-show="pageState.activeTab == 2">
        <!-- 头 -->
        <div class="head table-row">
            <span>最后更新时间</span>
            <span>类别</span>
            <span>往来对象</span>
            <span>单号</span>
            <span>备注</span>
            <span>异常原因</span>
            <span class="two-buttons">操作</span>
        </div>
        <!-- 身 -->
        <div class="table-row" ng-repeat="item in data">
            <span>{{item.reg_time_show}}</span>
            <span>{{item.class_show}}</span>
            <span>{{item.cid_name}}</span>
            <span>{{item.sn}}</span>
            <span class="ellipsis">{{item.remark}}</span>
            <span class="ellipsis">{{item.exception}}</span>
            <span class="two-buttons">
                <button ng-click="viewDetails(item)">查看详情</button>
                <button ng-click="Finished(item)">标记为已完成</button>
            </span>
        </div>
    </div>
    <!-- 选项卡2的表 -->
    <div class="table t2" ng-show="pageState.activeTab == 3">
        <!-- 头 -->
        <div class="head table-row">
            <span>最后更新时间</span>
            <span>类别</span>
            <span>往来对象</span>
            <span>单号</span>
            <span>备注</span>
            <span class="two-buttons">操作</span>
        </div>
        <!-- 身 -->
        <div class="table-row" ng-repeat="item in data">
            <span>{{item.reg_time_show}}</span>
            <span>{{item.class_show}}</span>
            <span>{{item.cid_name}}</span>
            <span>{{item.sn}}</span>
            <span class="ellipsis">{{item.remark}}</span>
            <span class="two-buttons">
                <button ng-click="viewDetails(item)">查看详情</button>
                <button ng-click="notifyDispatch(item)">通知库管处理</button>
            </span>
        </div>
    </div>
    <!-- 共用的分页 -->
    <div class="page-navi">
        <div ng-class="{'cb':item.isNowPage == true,'bthover':isMobile==false}" ng-repeat="item in paginator.pageList" ng-click="paginator.clickButton(item);">
            <span>{{item.content}}</span>
        </div>
    </div>
</div>
